<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>订单详情</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/iconfont.css" rel="stylesheet">
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/orderDetail.css" rel="stylesheet">
<script src="js/screenresize.js"></script>
</head>
<body>
    <!-- header 开始 -->
    <header>
        <div class="wrapper clearfix">
            <p><a class="goBack" href="#"><i class="iconfont icon-fanhui"></i>返回</a></p>
            <p><a href="#">订单详情</a></p>
        </div>
    </header>
    <!-- header 结束 -->
    <!-- cont 开始 -->
    <div class="cont">
        <div class="wrapper">
            <div class="top por">
                <div class="line por">
                    <ul>
                        <li><i></i></li>
                        <li><i></i></li>
                        <li><i></i></li>
                    </ul>
                </div>
                <div class="txt">
                    <ul class="clearfix">
                        <li>提交订单</li>
                        <li>配送当中</li>
                        <li>交易成功</li>
                    </ul>
                </div>
            </div>
            <div class="status">
                <p>订单状态：已签收</p>
                <p>订单编号：1768975543900</p>
                <p>下单时间：2016-4-26 20:38:14</p>
                <p class="eval">评价</p>
            </div>
            <div class="status">
                <p>商品金额：￥300.00</p>
                <p>收货地址：河南郑州市高新区长春路冬青街26号<br><span class="particular">电子商务产业园3号楼一层</span></p>
                <p>收货人：wanmingju</p>
                <p>手机号：151***2554</p>
                <p>签收时间：2016-12-07 星期二</p>
            </div>
            <div class="status show clearfix">
                <a href="#"><img class="fl" src="images/confirmorder-pic-0.png" alt=""></a>
                <div class="txt fr">
                    <p><a href="#">丝塔芙(Cetaphil)温和洁润套装洁面乳237ml+保湿润肤乳237ml+化妆包...</a></p>
                    <div class="clearfix">
                        <p class="fl">￥108 拷贝</p>
                        <p class="fr">运费：<span>￥5.00</span></p>
                    </div>
                </div>
            </div>
            <div class="total clearfix">
                <p class="fr">实付：<span>￥113.00</span></p>
            </div>
            <div class="change">
                <div class="tit clearfix">
                    <i class="fl"></i>
                    <p class="fl">你可能还需要</p>
                    <p class="fr"><a href="#">换一批<i class="iconfont icon-dayuhao"></i></a></p>
                </div>
                <ul class="clearfix">
                    <li>
                        <a href="#"><img src="images/orderDetail-pic-0.png" alt=""></a>
                        <p><a href="#">韩粉世家卸妆水...</a></p>
                        <span>￥39</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/orderDetail-pic-1.png" alt=""></a>
                        <p><a href="#">韩粉世家睫毛膏...</a></p>
                        <span>￥45</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/orderDetail-pic-2.png" alt=""></a>
                        <p><a href="#">韩粉世家四色眼...</a></p>
                        <span>￥59</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- cont 结束 -->
    <!-- footer 开始 -->
    <footer>
      <ul>
         <li>
            <a href="index.html"> <i class="iconfont icon-shouyeshouye"></i>
               <p>首页</p>
            </a>
         </li>
         <li>
            <a href="classify.html"> <i class="iconfont icon-fenlei"></i>
               <p>分类</p>
            </a>
         </li>
         <li>
            <a href="find.html">
               <i class="iconfont icon-faxian"></i>
               <p>发现</p>
            </a>
         </li>
         <li>
            <a href="shoppingCar.html">
               <i class="iconfont icon-gouwuche"></i>
               <p>购物车</p>
            </a>
         </li>
         <li>
            <a class="cur" href="myCenter.html">
               <i class="iconfont icon-iconfontwode"></i>
               <p>我的</p>
            </a>
         </li>
      </ul>
   </footer>
    <!-- footer 结束 -->
    <script src="lib/js/zepto.min.js"></script>
    <script>
        // 返回上一步
        $('.goBack').click(function(){
            history.back();
        });
    </script>
</body>
</html>